<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title>数据分析 - 用户足迹</title>
    <?php include($this->c['_homes']['_viewsHome'] . '/_global/_head.php'); ?>
<link rel="stylesheet" type="text/css" href="/style/assets/plugins/bootstrap-datetimepicker/css/datetimepicker.css" />

</head>
<!-- BEGIN BODY -->
<body class="page-header-fixed page-sidebar-fixed">
<!-- BEGIN HEADER -->
<?php include($this->c['_homes']['_viewsHome'] . '/_global/head.php'); ?>
<!-- END HEADER -->
<div class="clearfix"></div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
    <?php include($this->c['_homes']['_viewsHome'] . '/_global/menu.php'); ?>
    <!-- END BEGIN HORIZONTAL MENU PAGE SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content">
        <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
        <div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">Modal title</h4>
                    </div>
                    <div class="modal-body">
                        Widget settings form goes here
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn blue submit_btn">确定</button>
                        <button type="button" class="btn default" data-dismiss="modal">取消</button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
        <!-- BEGIN PAGE HEADER-->
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title"> 用户足迹 </h3>
                <ul class="page-breadcrumb breadcrumb">
                    <li><i class="icon-home"></i> <a href="/manage">后台</a> <i class="icon-angle-right"></i></li>
                    <li> 数据分析 <i class="icon-angle-right"></i></li>
                    <li>用户足迹</li>
                </ul>
                <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
        </div>
        <!-- END PAGE HEADER-->
        <!-- BEGIN PAGE CONTENT-->
        <div class="row">
            <div class="col-md-12">
                <div class="portlet box">
                    <div class="booking-search">
                        <form action="" role="form" method="get" id="forms">
                            <div class="row form-group">
                                <div class="col-md-2">
                                    <div class="input-cont">
                                        <input class="form-control" name="keyword" placeholder="邀请码" value="<?= $_GET['keyword']; ?>" type="text">
                                    </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="input-group date form_datetime" data-date="<?=date("Y-m-d\TH:i\Z");?>">
                                            <input type="text" size="16" name="start_time" placeholder="选择开始时间" id="start_time" value="<?=$_GET['start_time']?>" readonly class="form-control">
                                            <span class="input-group-btn">
                                            <button class="btn default date-reset" type="button"><i class="icon-remove"></i></button>
                                            </span> <span class="input-group-btn">
                                            <button class="btn default date-set" type="button"><i class="icon-calendar"></i></button>
                                            </span> </div>
                                  </div>
                                  <div class="col-md-3">
                                    <div class="input-group date form_datetime" data-date="<?=date("Y-m-d\TH:i\Z");?>">
                                            <input type="text" size="16" name="end_time" placeholder="选择结束时间" id="end_time" value="<?=$_GET['end_time']?>" readonly class="form-control">
                                            <span class="input-group-btn">
                                            <button class="btn default date-reset" type="button"><i class="icon-remove"></i></button>
                                            </span> <span class="input-group-btn">
                                            <button class="btn default date-set" type="button"><i class="icon-calendar"></i></button>
                                            </span> </div>
                                  </div> 

                                <div class="col-md-1"><input type="submit" class="btn blue btn-block" value="统计"></div>
                                 <div class="col-md-2"><input type="button" class="btn green btn-block" value='导出' onclick="_export();"></div>
                                
                            </div>

                            <div class="row form-group">
                                                            
                                
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
        <h5>此部分用于统计时间段内的某会员下新增的用户以及各级会员人数。用户同时有365级别和创客级别时，只统计创客级别的人数</h3>
        <div class="row">
            <div class="col-md-12">
                
                <!-- BEGIN SAMPLE TABLE PORTLET-->
                <div class="portlet box blue">
                    <div class="portlet-title">
                        <div class="caption"><i class="icon-list"></i>列表</div>
                        <div class="tools"><a href="javascript:;" class="collapse"></a></div>
                    </div>
                    <div class="portlet-body">
                        <div class="table-scrollable">
                            <table class="table table-striped table-bordered table-hover dataTable">
                                <thead>
                                <tr>
                                    <th>用户</th>
                                    <th>直推人数</th>
                                    <th>西客会员</th>
                                    <th>365会员</th>
                                    <th>良品e店</th>
                                    <th>西海代理</th>
                                    <th>银牌创客</th>
                                    <th>金牌创客</th>
                                    <th>业务经理</th>
                                    <th>区域总监</th>
                                    <th>区县代理</th>
                                    <th>团队业绩</th>
                                    <th>365及以上消费业绩</th>
                                    <th>西客会员消费业绩</th>


                                </tr>
                                </thead>
                                <tbody>
                                
                                <tr>
                                    <td><?=$this->data['member_level00_num']?:0;?></td>
                                    <td><?=$this->data['zt_num']?:0;?></td>
                                    <td><?=$this->data['member_level0_num']?:0;?></td>
                                    <td><?=$this->data['member_level1_num']?:0;?></td>
                                    <td><?=$this->data['member_level2_num']?:0;?></td>
                                    <td><?=$this->data['member_level3_num']?:0;?></td>
                                    <td><?=$this->data['maker_level1_num']?:0;?></td>
                                    <td><?=$this->data['maker_level2_num']?:0;?></td>
                                    <td><?=$this->data['maker_level3_num']?:0;?></td>
                                    <td><?=$this->data['maker_level4_num']?:0;?></td>
                                    <td><?=$this->data['maker_level5_num']?:0;?></td>
                                    <td><?=$this->data['team_money']?:0;?></td>
                                    <td><?=$this->data['member_level_money']?:0;?></td>
                                    <td><?=$this->data['member_level0_money']?:0;?></td>
                                </tr>
                                
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
             </div>
        </div>
        
        <!-- END PAGE CONTENT-->
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->
<?php include($this->c['_homes']['_viewsHome'] . '/_global/_footer.php'); ?>
<script type="text/javascript" src="/style/assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script> 
<script type="text/javascript" src="/style/assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script>
    var _submit_action = '', _uid = 0;
    jQuery(document).ready(function () {
        App.init();

       handleDatetimePicker();
       if (jQuery().datepicker) {
           $('.date-picker').datepicker({
               rtl: App.isRTL(),
               autoclose: true
           });
           $('body').removeClass("modal-open"); // fix bug when inline picker is used in modal
         }
    });

    var handleDatetimePicker = function () {
    $(".form_datetime").datetimepicker({
      language:'zh-CN',
      autoclose: true,
      format: "yyyy-mm-dd hh:ii"
    }); 
    $('body').removeClass("modal-open"); // fix bug when inline picker is used in modal
  }



     function _export()
     {
         var obj = $('#forms').serialize();
         window.open("member_export?"+obj);

     }
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>